<script lang="ts" setup></script>

<template>
  <div>
    <a-list>
      <a-card :bordered="false">
        <a-row>
          <a-col :span="1">
            <a-avatar>A</a-avatar>
          </a-col>
          <a-col :span="23" class="pl-[15px] text-[15px]">
            <span class="text-[#2e3135] font-[500]">二狗子</span>
            <span>评论了你的</span>
            <a class="ml-[3px] text-[#007fff] font-[500]">沸点</a>
          </a-col>
        </a-row>
        <a-row>
          <a-col :span="23" :offset="1" class="pl-[13px]"
            >皮卡皮篮球皮卡皮篮球皮卡皮篮球皮卡皮篮球皮卡皮篮球皮卡皮篮球皮卡皮篮球皮卡皮篮球皮卡皮篮球皮卡皮篮球皮卡皮篮球皮卡皮篮球</a-col
          >
        </a-row>
        <a-row class="mt-[20px]">
          <a-col :span="1" class="text-right text-[14px] font-[500]">内容:</a-col>
          <a-col :span="23">
            <div class="bg-[#fafbfc] rounded-[3px] p-[10px] ml-[13px] border-0 border-[#555]">
              皮卡皮篮球皮卡皮篮球皮卡皮篮球皮卡皮篮球皮卡皮篮球皮卡皮篮球皮卡皮篮球皮卡皮篮球皮卡皮篮球皮卡皮篮球皮卡皮篮球皮卡皮篮球
              皮卡皮篮球皮卡皮篮球皮卡皮篮球皮卡皮篮球皮卡皮篮球皮卡皮篮球皮卡皮篮球皮卡皮篮球皮卡皮篮球皮卡皮篮球皮卡皮篮球皮卡皮篮球
            </div>
          </a-col>
        </a-row>
      </a-card>
    </a-list>
  </div>
</template>
